@import "mixin";
@import "footer";

@mixin confirm-btn {
  width: rem(345px);
  height: rem(49px);
  line-height: rem(49px);
  text-align: center;
  border-radius: rem(4px);
  background-color: #dc3838;
  font-size: rem(18px);
  color: #ffffff;
}

.main {
  width: 100%;
  padding: rem(10px) rem(16px) 0;
  >.title {
    line-height: rem(28px);
    font-size: rem(24px);
    color: #333333;
  }
  >.sub-title {
    line-height: rem(36px);
    font-size: rem(15px);
    color: #999999;
    >.notice-date {
      margin-right: rem(10px);
    }
  }
  >.text-content {
    img {
      float: left;
      width: 100%;
    }
    >h1, h2, h3, h4, h5, h6 {
      background-color: transparent!important;
    }
    >h5 {
      background-color: transparent!important;
      line-height: rem(36px);
      font-size: rem(17px);
      color: #333;
    }
    >p {
      background-color: transparent!important;
      margin-bottom: rem(10px)!important;
      text-indent: rem(24px)!important;
      line-height: rem(18px)!important;
      font-size: rem(14px)!important;
      color: #333333;
      >.company-name {
        margin-top: rem(20px);
        float: right;
      }
      >span {
        line-height: rem(18px)!important;
        font-size: rem(14px)!important;
      }
    }
    >span {
      >p {
        background-color: transparent!important;
        margin-bottom: rem(10px)!important;
        text-indent: rem(24px)!important;
        line-height: rem(18px)!important;
        font-size: rem(14px)!important;
        color: #333333;
      }
    }
  }
}